<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ajax 和 http 介绍</title>
</head>
<body>  
    <!-- 
        全称为 asyncchronous javascript and xml  ，就是异步js和xml
        最大的优势是：无刷新获取数据，不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式
        xml ： 可扩展标记语言


        ☆ ajax的特点

        优点：
            可以无需刷新页面而与服务器端进行通讯
            允许你根据用户事件来更新部分页面的内容
        缺点：
            没有浏览历史，不能回退
            存在跨域问题
            seo不友好
     -->

     <!-- 
        ☆ HTTP  （约定，规则）
            超文本传输协议，规定了浏览器和万维网服务器之间互相通信的规则

        ## 请求报文
        重点是格式和参数
        我们在发送一个请求的时候，向服务器会发这四个东西
        ```
            当行位GET的时候，请求体为空，为POST时，可以不为空
            请求头的格式是键值的形式
            行  POST 等请求方法 /  url 的路径  / http 的版本
            头  Host：luochun.love
                Cookei: name = guigu 
                Content-type: application/x-www-form-urlencoded
                User-Agent: chrom 83
            空行
            体   username= admin&password=admin
        ```

        ## 响应报文
        ```
            行   http版本  200 ok
            头   Content-type:text/html;charset=utf-8
                 Content-length:2048
                 Content-encoding:gzip
            空行
            体  返回的结果
        ```
      -->

      <script>
        let a = 111
        if (true) {
            let a = 222
            console.log('🚀 ~ This is a result of console.log ~ ✨: ', a);
        }

        console.log(a)
      </script>
</body>
</html>
